<div id="rightnow" class="noline" style=" border:solid #a6c9e3 1px; margin:0 0 7px auto;">
    <h3 class="reallynow">
        <div class="folder_table">Partenaires</div>
        <a id="sinsert-supprimer" href="javascript:;" class="page_white_delete">Supprimer</a>
        <a id="sinsert-nouveau" href="javascript:;" class="page_add">Ajouter</a>&nbsp;
        <label class="lbn-sections" style="padding-right:10px;"><span class="lbn-section-title">Planche:&nbsp;</span>
            <select class="clsinput" style="" name="cboplanches" id="cboplanches">
            </select>
        </label>
        <br />
    </h3>
</div>

<div id="rightnow" class="noline" style="border:solid #a6c9e3 1px; margin:0px auto;">
    <h3 class="reallynow">
        <div class="color_swatch">Planches</div>
        <a id="sinsert" href="javascript:;" class="page_add">Ajouter Logos</a>
        <br />
    </h3>
</div>

<div id="IDModules">
    <div id="IDModulesContent">
        <div id="IDDragTop"></div>
        <div id="IDDrag">

            <ul id="IDSortable" class="column">

                <li class="portlet" style="display:none;">
                    <div class="portlet-header">
                        <span class="ui-icon ui-icon-arrow-4"></span>
                    </div>
                    <div class="content">Logo:<br />
                        <em>Paris lle de France</em>
                        <div class="controls">
                            <a href="javascript:;">Editer</a><br />
                            <a href="javascript:;">Supprimer</a>
                        </div>
                    </div>
                </li>

            </ul>

        </div>
        <div id="IDDragBottom"></div>
    </div>
</div>

<table id="JLModalLogos" class="JLModal-popup" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:750px;">
    <tr>
        <td class="JLM-01"></td>
        <td class="JLM-02">
            <div class="JLModal-title"></div>
        </td>
        <td class="JLM-03"></td>
    </tr>
    <tr>
        <td class="JLM-04"></td>
        <td class="JLM-05" style="padding:10px 10px 5px 10px;">
            <!--CONTENT-->
            <div id="IDContent">

                <div id="IDLogos">
                    <h3 class="reallynow" style="padding:0px 0px 10px 0px; text-align:right;">
                        <a id="sUIInsert" style="font-weight:normal;" href="javascript:;" class="page_add">Nouveau</a>
                        <a id="sUIUpdate" style="font-weight:normal;" href="javascript:;" class="page_white_edit">Modifier</a>
                        <a id="sUIDelete" style="font-weight:normal;" href="javascript:;" class="page_white_delete">Supprimer</a>
                    </h3>
                    <table id="jqGrid" cellpadding="0" cellspacing="0"></table>
                    <div id="jqpager" style="text-align:center;"></div>

                    <div style="margin:10px 0px 0px 0px; text-align:right;">
                        <a href="javascript:;" class="JLModal-buttons" id="idHide">OK</a>
                    </div>
                </div>

                <div id="IDLogosNew">
                    <form method="post" enctype="multipart/form-data" id="frmLogos" onsubmit="javascript: return false;">
                        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td align="right"></td>
                                <td>&nbsp;</td>
                                <td align="left">&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="166" align="right" valign="middle"><strong>Titre:</strong></td>
                                <td width="10">&nbsp;</td>
                                <td width="530" align="left"><input class="clsinput" name="txttitre" type="text" id="txttitre" size="45" /></td>
                            </tr>
                            <tr>
                                <td align="right" valign="top"><strong>Descriptions:</strong></td>
                                <td>&nbsp;</td>
                                <td align="left"><textarea name="txtdescription" class="clsinput" id="txtdescription"></textarea></td>
                            </tr>
                            <tr>
                                <td align="right" valign="middle"><strong>Lien:</strong></td>
                                <td>&nbsp;</td>
                                <td align="left"><input class="clsinput" name="txtlien" type="text" id="txtlien" size="45" /></td>
                            </tr>

                            <tr>
                                <td align="right" valign="middle"><strong>Planche:</strong></td>
                                <td>&nbsp;</td>
                                <td id="file-uploader2" align="left"><select class="clsinput" name="cboplanchelogo" id="cboplanchelogo">
                                        <option value="" selected="selected">S&eacute;lectionner...</option>

                                    </select>
                                </td>
                            </tr>

                            <tr>
                                <td align="right" valign="middle"><strong>Etat:</strong></td>
                                <td>&nbsp;</td>
                                <td align="left">
                                    <select class="clsinput" name="cboetat" id="cboetat">
                                        <option value="" selected="selected">S&eacute;lectionner...</option>
                                        <?php
                                        foreach ($states as $v) {
                                            ?>
                                            <option value="<?php echo $v['int_id_state']; ?>"><?php echo $v['var_state_description']; ?></option>
                                        <?php } ?>
                                    </select>
                                </td>
                            </tr>

                            <tr>
                                <td align="right" valign="middle" style="padding-top:5px;"><strong>Transf&eacute;rer une photo:</strong></td>
                                <td>&nbsp;</td>
                                <td align="left" id="file-uploader" style="padding-top:5px; padding-left:2px;">
                                    <input type="file" class="clsinput" name="fileUpload" id="fileUpload" /><label style="position:absolute; margin-top:-30px; margin-left:113px;" id="lbl-okfile"></label>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">&nbsp;</td>
                                <td>&nbsp;</td>
                                <td align="left">&nbsp;</td>
                            </tr>
                            <tr>
                                <td align="center">&nbsp;</td>
                                <td align="center">&nbsp;</td>
                                <td align="left">
                                    <input id="btn-save" name="btn-save2" type="submit" class="clsbutton" value="Sauvegarder" />
                                    <input id="btn-cancel" name="btn-cancel2" class="clsbutton" type="button" value="Annuler" />
                                </td>
                            </tr>
                            <tr>
                                <td align="center">&nbsp;</td>
                                <td align="center">&nbsp;</td>
                                <td align="left">&nbsp;</td>
                            </tr>
                        </table>
                    </form>
                </div>

                <div id="IDCrop" style="min-height:300px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">
                    <div style="clear:both; padding-bottom:10px;"><strong>Recadrer cette photo</strong><br />
                        Vous pouvez faire glisser le champ pour s&eacute;lectionner la zone de recadrage,<br />
                        puis utiliser les poign&eacute;es pour la redimensionner. </div>

                    <div id="IDCropArea">

                        <table cellpadding="0" border="0" cellspacing="0" align="center">
                            <tr>
                                <td valign="top" align="center"><div id="IDPhoto"></div></td>
                                  <!--<td valign="top" style="padding-left:30px;"><div id="IDPreview"></div>
                                  <div id="IDText">Aper&ccedil;u</div>
                                  </td>-->
                            </tr>
                            <tr>
                                <td valign="top" align="center">
                                    <div style="clear:both; padding-top:10px;"><input id="idCouper" type="button" value="Appliquer les modifications" />&nbsp;&nbsp;<input id="idAnnuler" type="button" value="Annuler" /></div>

                                </td>
                            </tr>
                        </table>



                    </div>
                </div>
            </div>


            </div>
            <!--END CONTENT-->

        </td>
        <td class="JLM-06"></td>
    </tr>
    <tr>
        <td class="JLM-07"></td>
        <td class="JLM-08"></td>
        <td class="JLM-09"></td>
    </tr>
</table>